<template>
  <div>
    <h3>新闻详情</h3>
  </div>
</template>

<script>
export default {
  // 如果在定义路由规则的处，你使用props:true,则动态路由属性可以通过props配置来获取
  props: ['id', 'age'],
  created() {
    // 获取动态路由参数
    // 注：地址栏中传过来的数字其实它是字符串，如果你有运算操作，则一定要进行转换
    // 得到的是一个对象 {id:'100'}
    console.log('params', this.$route.params)
    // props
    console.log('props', this.id, typeof this.id, this.age)
    // 获取search字符串 对象
    console.log('query', this.$route.query)
  }
}
</script>

<style lang="scss" scoped></style>
